<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2020/12/18
  Time: 10:40
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css">
        body{
            margin: 0px;
            height: 120px;
            padding: 0px;
        }

        #container{
            margin: 0 auto;
            margin-left: 10px;
            width: 100%;
            height: 120px;
        }

        #header{
            width:100%;
            height: 100px;
            /*font-size: 30px;
            font-family: 楷体;*/
            /*text-align: center;
            line-height: 100px;*/

        }

        #main{
            width:100%;
            height: 400px;
            background-color: black;

        }

        #header #title0{
            float:left;
            width: 300px;
            height: 100%;
            font-size: 40px;
            font-family: 楷体;
            line-height: 100px;         /* 不能用100%*/
            text-align: center;
        }

        #header #title1{
            float:left;
            width: 300px;
            height: 100%;
            font-size: 30px;
            font-family: 楷体;
            line-height: 100px;         /* 不能用100%*/
            text-align: center;
        }

        #header #title2{
            float:left;
            width: 300px;
            height: 100%;
            font-size: 30px;
            font-family: 楷体;
            line-height: 100px;         /* 不能用100%*/
            text-align: center;
        }

        #header #title3{
            float:left;
            width: 300px;
            height: 100%;
            font-size: 30px;
            font-family: 楷体;
            line-height: 100px;         /* 不能用100%*/
            text-align: center;
        }

        #header #title4{
            float:left;
            width: 300px;
            height: 100%;
            font-size: 30px;
            font-family: 楷体;
            line-height: 100px;         /* 不能用100%*/
            text-align: center;
        }

        #header #login_or_register{
            float: left;
            margin-top: 20px;
            /*background-color: red;*/
            width: 100px;
            height: 40px;
            font-size: 17px;
            /*border: 3px  solid #f00;*/
        }
        #header #login_or_register a{
            text-decoration: none;
        }

    </style>
</head>
<body>
<div id="container">
    <div id="header">
        <div id="title0"><span>NWPU学生论坛</span></div>
        <div id="title1"><span><a href="<c:url value="/userHomePage"/>">看帖</a></span></div>
        <div id="title3"><span><a href="<c:url value="/post" />">发帖</a></span></div>
        <div id="title4"><span><a href="<c:url value="/post/myPost" />">我的帖子</a></span></div>
        <c:if test="${sessionScope.user == null}">
            <div id="login_or_register" style="padding-top: 25px;float: left;margin-right: 5%;padding-left: 30px;">
                <span><a href="<c:url value="/login" />">登录</a> | <a href="<c:url value="/register" />">注册</a></span>
            </div>

        </c:if>
        <div id="search" style="padding-top: 40px;padding-left: 10px;margin-left: 65%;">
            <form method="post" action="<c:url value="/post/postSearch"/>">
                <input type="text" placeholder="搜帖" name="keyword" id="" value="" />
                <input type="submit" value="搜索"></input>
            </form>
        </div>
    </div>
</div>

</body>
</html>
